var WallView = JW.UI.Component.extend({
	wall : null, // Wall
	
	render: function()
	{
		this._super();
		
		this.updatePosition();
	},
	updatePosition: function() {
		this.el.css({
			width  : "1px",
			height : this.wall.getLength () + "px",
			top    : (this.wall.getMiddleY() - this.wall.getLength()/2) +"px",
			left   : this.wall.getMiddleX() + "px",
			"-webkit-transform": "rotate("+
				(90+Utils.radToDeg(this.wall.getAngle()))+"deg)"
		});
	}
});

JW.UI.template(WallView, {
	main: '<div jwclass="wall" />'
});
